<template>
  <div>
    <el-form class="viewForm" label-width="80px">
                        <el-col :span="12">
                <el-form-item label="商品编码">
                    <div v-html="viewModel.barCode"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="商品介绍">
                    <div v-html="viewModel.note"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="规格">
                    <div v-html="viewModel.model"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="商家名称">
                    <div v-html="viewModel.shopName"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="商品分类">
                    <div v-html="viewModel.productCatalogName"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="商品名称">
                    <div v-html="viewModel.name"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="商品简介显示颜色值">
                    <div v-html="viewModel.summaryColor"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="是否为销售商品出售">
                    <div v-html="viewModel.sellState"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="是否开票">
                    <div v-html="viewModel.invoice"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="商品状态">
                    <div v-html="viewModel.status"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="启用商品规格">
                    <div v-html="viewModel.hasSku"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="号">
                    <div v-html="viewModel.itemNumber"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="销售价">
                    <div v-html="viewModel.salePrice"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="市场价">
                    <div v-html="viewModel.marketPrice"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="成本价">
                    <div v-html="viewModel.costPrice"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="积分">
                    <div v-html="viewModel.score"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="vip价">
                    <div v-html="viewModel.vipPrice"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="库存量">
                    <div v-html="viewModel.inventory"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="库存预警值">
                    <div v-html="viewModel.warningValue"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="毛重">
                    <div v-html="viewModel.weight"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="净重">
                    <div v-html="viewModel.netWeight"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="高">
                    <div v-html="viewModel.height"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="宽">
                    <div v-html="viewModel.width"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="高">
                    <div v-html="viewModel.length"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="体积">
                    <div v-html="viewModel.volume"></div>
                </el-form-item>
            </el-col>
            <el-col :span="12">
                <el-form-item label="商品简介">
                    <div v-html="viewModel.summary"></div>
                </el-form-item>
            </el-col>
    </el-form>
  </div>
</template>

<script>
  import common from "@/mixins/common.js";
  var config = {};
  config.methods = {};
  config.mixins = [common];

  config.data = function () {
    return {
      viewModel: {},
      activeIndex: "1"
    }
  };
  config.mounted = function () {
    var id = this.$route.query.id;
    var self = this;
    var data = {};
    data.id = id;
    this.postData("/tenantRest/product/view.htm", data, function (res) {
      if (res.code == 0) {
        self.viewModel = res;
      }
    });
  }

  export default config;
</script>

<style scoped>

</style>